<template>
  <div>
    <!-- 基本信息 -->
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">基本信息</span>
    </div>
    <van-field readonly required name="PROJECT_CODE" :value="fromdata.PROJECT_CODE" label="项目编号："/>
    <van-field readonly required  autosize  type="textarea"  rows='1' name="PROJECT_NAME" :value="fromdata.PROJECT_NAME" label="项目名称："/>
    <van-field readonly required name="CUSTOMER_CODE" :value="fromdata.CUSTOMER_CODE" label="集团客户编码：" label-width="7em"/>
    <van-field readonly required  autosize  type="textarea"  rows='1' name="CUSTOMER_NAME" :value="fromdata.CUSTOMER_NAME" label="集团客户名称：" label-width="7em"/>
    <van-field readonly required name="CONTRACT_NUMBER" :value="fromdata.CONTRACT_NUMBER" label="合同流水号："/>
    <van-field readonly required name="WORK_TYPE" :value="fromdata.WORK_TYPE" label="合作类型："/>
    <van-field readonly required name="CONTRACT_CODE" :value="fromdata.CONTRACT_CODE" label="合同编号："/>
    <van-field readonly required  autosize  type="textarea"  rows='1' name="CONTRACT_NAME" :value="fromdata.CONTRACT_NAME" label="合同名称："/>
    <van-field readonly required name="CONTRACT_TYPE" :value="fromdata.CONTRACT_TYPE" label="合同类型："/>
    <van-field readonly required name="CONTRACT_DATE" :value="fromdata.CONTRACT_DATE" label="合同生效时间："  label-width="7em"/>
    <van-field readonly required name="START_DATE" :value="fromdata.START_DATE" label="履行开始时间："  label-width="7em" />
    <van-field readonly required name="END_DATE" :value="fromdata.END_DATE" label="履行结束时间："  label-width="7em"/>
    <van-field readonly required name="CONTRACT_TAX_PRICE" :value="fromdata.CONTRACT_TAX_PRICE" label="合同含税总额："  label-width="7em"/>
    <van-field readonly required name="decisionMakingDate" :value="fromdata.decisionMakingDate" label="标前决策日期："  label-width="7em"/>

    <!-- 已交底合同信息 -->
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item"></div>
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">已交底合同信息</span>
    </div>
    <el-table :data="incomeList" border style="width: 100%">
      <el-table-column prop="incomeId" label="序列号" />
      <el-table-column prop="splitBusinessType" label="业务大类" />
      <el-table-column prop="splitSujectName" label="收入账单名称" />
      <el-table-column prop="splitSujectCode" label="账单代码" />
      <el-table-column prop="isUniversal" label="是否属于通服收入" />
      <el-table-column prop="splitTaxRate" label="税率" />
      <el-table-column prop="splitIncludedAmount" label="含税总金额(元)" />
      <el-table-column prop="splitNoAmount" label="不含税金额(元)" />
      <el-table-column prop="billingTime" label="计费时长(月)" />
      <el-table-column prop="paymentType" label="出账类型" />
      <el-table-column prop="isConfirm" label="收入是否确认" />
      <el-table-column prop="serv_number" label="计费号码" />
      <el-table-column prop="dealResult" label="处理结果" />
      <el-table-column prop="isBilling" label="是否已开始计费" />
      <el-table-column prop="billingStartTime" label="计费开始时间" />
      <el-table-column prop="isInitiateBilling" label="是否禁止发起计费" />
    </el-table>
    <!-- 合同情况 -->
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item"></div>
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">合同情况</span>
    </div>
    <el-table :data="contractList" border style="width: 100%">
      <el-table-column prop="CONTRACTINCEXPTYPE" label="收支合同类型" />
      <el-table-column prop="CONTRACTNO" label="合同编号" />
      <el-table-column prop="CONTRACTNAME" label="合同名称" />
      <el-table-column prop="CONTRACTEXECUTORNAME" label="主执行人姓名" />
      <el-table-column prop="VENDORCODE" label="相对方编码" />
      <el-table-column prop="VENDORNAME" label="相对方名称" />
      <el-table-column prop="CONTRACTSIGNEDDATE" label="合同生效时间" />
      <el-table-column prop="CONTRACTSTATRADATE" label="履行开始时间" />
      <el-table-column prop="CONTRACTENDDATE" label="履行结束时间" />
    </el-table>
    <!-- 本次计费科目信息 -->
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item"></div>
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">本次计费科目信息</span>
    </div>
    <el-table :data="billingList" border style="width: 100%">
      <el-table-column prop="incomeId" label="序列号" />
      <el-table-column prop="pmInsIdDaking" label="关联订购序列号" />
      <el-table-column prop="splitBusinessType" label="业务大类" />
      <el-table-column prop="splitSujectName" label="收入账单名称" />
      <el-table-column prop="splitSujectCode" label="账单代码" />
      <el-table-column prop="isUniversal" label="是否属于通服收入" />
      <el-table-column prop="splitTaxRate" label="税率" />
      <el-table-column prop="splitIncludedAmount" label="含税总金额(元)" />
      <el-table-column prop="splitNoAmount" label="不含税金额(元)" />
      <el-table-column prop="billingTime" label="计费时长(月)" />
      <el-table-column prop="splitStartDate" label="预计计费起始日期" />
      <el-table-column prop="splitEndDate" label="预计计费结束日期" />
      <el-table-column prop="contractPhase" label="合同约定计费阶段" />
    </el-table>
   
  </div>
</template>
 
<script>
export default {
  props: ['fromdata','contractList','incomeList','billingList'],
}
</script>
 
<style lang="scss" scoped></style>